<!doctype html>
<html lang="zh-CN">
{% load staticfiles %}
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>关注股票信息</title>
    <!-- Bootstrap -->
    <link href="{% static '/common/css/bootstrap.min.css' %}" rel="stylesheet">
    <link href="{% static 'common/bootstrap-table/bootstrap-table.min.css' %}" rel="stylesheet">
    {#    <link href="../../static/common/css/bootstrap.min.css" rel="stylesheet">#}
    {#    <link href="../../static/common/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">#}
</head>

<body>
<!--头部-->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
    <a class="navbar-brand" href="">导航</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
            aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav mr-auto">
            <li class="nav-item active">
                <a class="nav-link" href="/stock/index">主页<span class="sr-only">(current)</span></a>
            </li>
            <li class=" nav-item">
                <a class="nav-link" href="/stock/analysis">分析</a>
            </li>
            <li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#" id="navbarDropdown1"
                                             role="button" data-toggle="dropdown" aria-haspopup="true"
                                             aria-expanded="false"> 维护关注信息 </a>
                <div class="dropdown-menu" aria-labelledby="navbarDropdown1">
                    <a class="dropdown-item" href="javascript:clear_attention_data(1) ">清空关注列表</a>
                    <a class="dropdown-item" href="javascript:clear_attention_data(0)">清空取消关注列表</a>

                </div>
            </li>
        </ul>

    </div>
</nav>

<div class="container-fluid mt-2">
    <div align="center">
        <p class="text-center">在本页面，主要显示被关注股票列表，便于验证选股涨跌情况</p>
        <h1 class="text-center">关注列表</h1>
    </div>
</div>

<div class="container-fluid">
    <div id="toolbar1">
        <button id="cancel_attention_btn" class="btn btn-warning" onclick="submit_cancel_attention(this)">
            取消关注选中股票
        </button>
    </div>
    <table
            id="attention_table"
            class="table-striped table-dark"
            data-toolbar="#toolbar1"
            data-search="true"
            data-toggle="table"
            data-show-columns="true"
            data-show-columns-toggle-all="true"
            {#            data-detail-view="true"#}
            data-show-export="true"
            data-click-to-select="true"

            data-minimum-count-columns="2"
            data-show-pagination-switch="true"

            data-sort-class="table-active"
            data-sortable="true"
            data-pagination="true"
            data-page-number="1"
            data-page-size="5"
            data-page-list="[5, 10, 25, 50, 100, all]"
            data-show-footer="true"


    >
    </table>
</div>
<hr>
<div class="container-fluid mt-2">
    <div align="center">
        <h1 class="text-center">已取消关注列表</h1>
    </div>
</div>
<div class="container-fluid">
    <div id="toolbar2">
        <button id="cancel_attention_btn" class="btn btn-warning" onclick="submit_afresh_attention(this)">
            重新关注选中股票
        </button>
    </div>
    <table
            id="cancel_attention_table"
            class="table-striped table-dark"
            data-toolbar="#toolbar2"
            data-search="true"
            data-toggle="table"
            data-show-columns="true"
            data-show-columns-toggle-all="true"
            data-click-to-select="true"
            data-minimum-count-columns="2"
            data-show-pagination-switch="true"
            data-sort-class="table-active"
            data-sortable="true"
            data-pagination="true"
            data-page-number="1"
            data-page-size="5"
            data-page-list="[5, 10, 25, 50, 100, all]"
            data-show-footer="true"


    >
    </table>
</div>
<hr>
<section>

</section>


<hr>
<div class="text-center">

    <p>© 自学习网站，禁止用于商业用途</p>

</div>
<!-- js -->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="{% static 'common/js/jquery.js' %}"></script>
<script src="{% static 'common/js/popper.js' %}"></script>
<script src="{% static 'common/js/bootstrap.min.js' %}"></script>
<script src="{% static 'common/bootstrap-table/bootstrap-table.min.js' %}"></script>
<script src="{% static 'stock/js/attention_stock.js' %}"></script>
<script src="{% static 'common/bootstrap-table/bootstrap-table-locale-all.min.js' %}"></script>


{#<script src="../../static/common/js/jquery.js"></script>#}
{#<script src="../../static/common/js/popper.js"></script>#}
{#<script src="../../static/common/js/bootstrap.min.js"></script>#}
{#<script src="../../static/common/bootstrap-table/bootstrap-table.min.js"></script>#}
{#<script src="../../static/stock/js/attention_stock.js"></script>#}
{#<script src="../../static/common/bootstrap-table/bootstrap-table-locale-all.min.js"></script>#}

<!-- csrf token  -->
<script>
    $.ajaxSetup({
        data: {csrfmiddlewaretoken: '{{ csrf_token }}'},
    });
</script>


</body>
</html>
